<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>爱邦特装修</title>
<link href="css/common.css" rel="stylesheet">
<link href="css/about.css" rel="stylesheet">
<link href="css/jquery-ui-1.10.css" rel="stylesheet">
<script type="text/javascript" src="js/jquery-1.9.0.js"></script>
<script type="text/javascript" src="js/jquery-ui-1.10.2.js"></script>


<style type="text/css">
#tabs {
	width: 100%;
}
</style>

<script>
	$(function() {
		$("#tabs").tabs();
	});
</script>

</head>


<body>

	<div class="header">
		<div class="content">
			<div class="logoContainer">
				<h1>aibangte</h1>
			</div>
			<div class="navigationContainer">
				<ul class="navigation">
					<li><a href="index.html">首页</a></li>
					<li class="active"><a href="about.html" class="aLink">公司介绍</a></li>
					<li><a href="blog.html" class="aLink">设计作品</a></li>
					<li><a href="portfolio.html" class="aLink">精品工程</a></li>
					<li><a href="portfolio.html" class="aLink">招贤纳士</a></li>
					<li><a href="contacts.html" class="aLink">联系我们</a></li>
				</ul>
			</div>
		</div>
	</div>

	<div id="tabs">

		<div class="container" style="border-bottom: 1px solid #eeeeee;">
			<div class="content">
				<ul>
					<li><a href="#tabs-1">公司简介</a></li>
					<li><a href="#tabs-2">设计团队</a></li>
					<li><a href="#tabs-3">展望未来</a></li>
				</ul>
			</div>
		</div>

		<div class="container aboutContent">
			<div class="content">
				<div id="tabs-1">
					<div class="span3">
						<div class="storyTitle">

							我们的 <span>故事</span>

						</div>


					</div>

					<div class="span6">
						<div class="storyContent">
							<div class="mute">
								<p>Proin elit arcu, rutrum commodo, vehicula tempus, commodo
									a, risus. Curabitur nec arcu. Donec sollicitudin mi sit amet
									mauris. Nam elementum quam ullamcorper ante. Etiam aliquet
									massa et lorem. Mauris dapibus lacus auctor risus. Aenean
									tempor ullamcorper leo.</p>
							</div>
							<div class="stree">
								<p>Vivamus sed magna quis ligula eleifend adipiscing. Duis
									orci. Aliquam sodales tortor vitae ipsum. Aliquam nulla. Duis
									aliquam molestie erat.</p>
							</div>
							<div class="mute">
								<p>Ut et mauris vel pede varius sollicitudin. Sed ut dolor
									nec orci tincidunt interdum. Phasellus ipsum. Nunc tristique
									tempus lectus.</p>
							</div>
						</div>
					</div>
					<div class="span3">
						<div class="storyImg"></div>
					</div>

				</div>
				<div id="tabs-2">
					<div class="span3">
						<div class="storyTitle">
							我们的 <span>团队</span>
						</div>
					</div>

					<div class="span9">
						<p class="muted">Ut tellus dolor, dapibus eget, elementum vel,
							cursus eleifend, elit. Aenean auctor wisi et urna. Aliquam erat
							volutpat. Duis ac turpis. Donec sit amet eros. Lorem ipsum dolor
							sit amet, consectetuer adipiscing elit. Mauris fermentum dictum
							magna. Sed laoreet aliquam leo. Ut tellus dolor, dapibus eget,
							elementum vel.</p>

						<div class="span4">
							<div class="portrait">
								<img src="images/about/portrait/1.jpg">

							</div>
							<div class="introduction"></div>
						</div>
						<div class="span4">
							<div class="portrait">
								<img src="images/about/portrait/2.jpg">

							</div>
							<div class="introduction"></div>
						</div>
						<div class="span4">
							<div class="portrait">
								<img src="images/about/portrait/3.jpg">

							</div>
							<div class="introduction"></div>
						</div>


					</div>
				</div>
				<div id="tabs-3">
					<p>Mauris eleifend est et turpis. Duis id erat. Suspendisse
						potenti. Aliquam vulputate, pede vel vehicula accumsan, mi neque
						rutrum erat, eu congue orci lorem eget lorem. Vestibulum non ante.
						Class aptent taciti sociosqu ad litora torquent per conubia
						nostra, per inceptos himenaeos. Fusce sodales. Quisque eu urna vel
						enim commodo pellentesque. Praesent eu risus hendrerit ligula
						tempus pretium. Curabitur lorem enim, pretium nec, feugiat nec,
						luctus a, lacus.</p>
					<p>Duis cursus. Maecenas ligula eros, blandit nec, pharetra at,
						semper at, magna. Nullam ac lacus. Nulla facilisi. Praesent
						viverra justo vitae neque. Praesent blandit adipiscing velit.
						Suspendisse potenti. Donec mattis, pede vel pharetra blandit,
						magna ligula faucibus eros, id euismod lacus dolor eget odio. Nam
						scelerisque. Donec non libero sed nulla mattis commodo. Ut
						sagittis. Donec nisi lectus, feugiat porttitor, tempor ac, tempor
						vitae, pede. Aenean vehicula velit eu tellus interdum rutrum.
						Maecenas commodo. Pellentesque nec elit. Fusce in lacus. Vivamus a
						libero vitae lectus hendrerit hendrerit.</p>
				</div>
			</div>
		</div>
	</div>

	<div class="footer">
		<div class="content">
			<div class="copyright">&copy; 2013 版权所有 爱邦特装饰有限公司</div>
		</div>
	</div>
</body>
</html>